
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>IconFont</title>
    <link rel="stylesheet" href="demo.css">
    <script src="iconfont.js"></script>

    <style type="text/css">
        .icon {
          /* 通过设置 font-size 来改变图标大小 */
          width: 1em; height: 1em;
          /* 图标和文字相邻时，垂直对齐 */
          vertical-align: -0.15em;
          /* 通过设置 color 来改变 SVG 的颜色/fill */
          fill: currentColor;
          /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
             normalize.css 中也包含这行 */
          overflow: hidden;
        }

    </style>
</head>
<body>
    <div class="main markdown">
        <h1>IconFont 图标</h1>
        <ul class="icon_lists clear">
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-dingdanguanli"></use>
                    </svg>
                    <div class="name">订单管理</div>
                    <div class="fontclass">#maliicon-dingdanguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-yishixiao"></use>
                    </svg>
                    <div class="name">已失效</div>
                    <div class="fontclass">#maliicon-yishixiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-right"></use>
                    </svg>
                    <div class="name">right</div>
                    <div class="fontclass">#maliicon-right</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-siji"></use>
                    </svg>
                    <div class="name">司机</div>
                    <div class="fontclass">#maliicon-siji</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-caiwu"></use>
                    </svg>
                    <div class="name">财务</div>
                    <div class="fontclass">#maliicon-caiwu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-iconwangyesheji"></use>
                    </svg>
                    <div class="name">ICON_网页设计</div>
                    <div class="fontclass">#maliicon-iconwangyesheji</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-quxiao"></use>
                    </svg>
                    <div class="name">取消</div>
                    <div class="fontclass">#maliicon-quxiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-rizhi"></use>
                    </svg>
                    <div class="name">日志</div>
                    <div class="fontclass">#maliicon-rizhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-sijicheliangrenzheng"></use>
                    </svg>
                    <div class="name">司机车辆认证</div>
                    <div class="fontclass">#maliicon-sijicheliangrenzheng</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-upload"></use>
                    </svg>
                    <div class="name">upload</div>
                    <div class="fontclass">#maliicon-upload</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-yishixiao1"></use>
                    </svg>
                    <div class="name">已失效</div>
                    <div class="fontclass">#maliicon-yishixiao1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-dingdanxinxi"></use>
                    </svg>
                    <div class="name">订单信息</div>
                    <div class="fontclass">#maliicon-dingdanxinxi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-yunshujiankong"></use>
                    </svg>
                    <div class="name">运输监控</div>
                    <div class="fontclass">#maliicon-yunshujiankong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-daochu"></use>
                    </svg>
                    <div class="name">导出</div>
                    <div class="fontclass">#maliicon-daochu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-customer_info"></use>
                    </svg>
                    <div class="name">客户信息</div>
                    <div class="fontclass">#maliicon-customer_info</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-rihuoyueyonghushu-dapingmu"></use>
                    </svg>
                    <div class="name">日活跃用户数-大屏幕</div>
                    <div class="fontclass">#maliicon-rihuoyueyonghushu-dapingmu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-ziyuan"></use>
                    </svg>
                    <div class="name">客户</div>
                    <div class="fontclass">#maliicon-ziyuan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-liucheng-dingdanru"></use>
                    </svg>
                    <div class="name">流程-订单（入）</div>
                    <div class="fontclass">#maliicon-liucheng-dingdanru</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-sijiguanli"></use>
                    </svg>
                    <div class="name">司机管理</div>
                    <div class="fontclass">#maliicon-sijiguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-shenhe"></use>
                    </svg>
                    <div class="name">审核</div>
                    <div class="fontclass">#maliicon-shenhe</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-wenjian1"></use>
                    </svg>
                    <div class="name">文件</div>
                    <div class="fontclass">#maliicon-wenjian1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-kehurenzhengshenhe"></use>
                    </svg>
                    <div class="name">客户认证审核</div>
                    <div class="fontclass">#maliicon-kehurenzhengshenhe</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-shenhe1"></use>
                    </svg>
                    <div class="name">审核</div>
                    <div class="fontclass">#maliicon-shenhe1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-icon-test"></use>
                    </svg>
                    <div class="name">查询</div>
                    <div class="fontclass">#maliicon-icon-test</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-huizong"></use>
                    </svg>
                    <div class="name">汇总</div>
                    <div class="fontclass">#maliicon-huizong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-tixianshenhe"></use>
                    </svg>
                    <div class="name">提现审核</div>
                    <div class="fontclass">#maliicon-tixianshenhe</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-banben"></use>
                    </svg>
                    <div class="name">版本</div>
                    <div class="fontclass">#maliicon-banben</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-wenjian"></use>
                    </svg>
                    <div class="name">文件</div>
                    <div class="fontclass">#maliicon-wenjian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-sijirenzheng"></use>
                    </svg>
                    <div class="name">司机认证</div>
                    <div class="fontclass">#maliicon-sijirenzheng</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-Administrator"></use>
                    </svg>
                    <div class="name">Administrator</div>
                    <div class="fontclass">#maliicon-Administrator</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-allocation_order"></use>
                    </svg>
                    <div class="name">allocation_order</div>
                    <div class="fontclass">#maliicon-allocation_order</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-basic_information"></use>
                    </svg>
                    <div class="name">basic_information</div>
                    <div class="fontclass">#maliicon-basic_information</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-channel"></use>
                    </svg>
                    <div class="name">channel</div>
                    <div class="fontclass">#maliicon-channel</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-chauffeur"></use>
                    </svg>
                    <div class="name">chauffeur</div>
                    <div class="fontclass">#maliicon-chauffeur</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-complete"></use>
                    </svg>
                    <div class="name">complete</div>
                    <div class="fontclass">#maliicon-complete</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-history"></use>
                    </svg>
                    <div class="name">history</div>
                    <div class="fontclass">#maliicon-history</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_Administrator_co"></use>
                    </svg>
                    <div class="name">img_Administrator_co</div>
                    <div class="fontclass">#maliicon-img_Administrator_co</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_Administrator_qu"></use>
                    </svg>
                    <div class="name">img_Administrator_qu</div>
                    <div class="fontclass">#maliicon-img_Administrator_qu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_Administrator_to"></use>
                    </svg>
                    <div class="name">img_Administrator_to</div>
                    <div class="fontclass">#maliicon-img_Administrator_to</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_arrange_check"></use>
                    </svg>
                    <div class="name">img_arrange_check</div>
                    <div class="fontclass">#maliicon-img_arrange_check</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_comm_add"></use>
                    </svg>
                    <div class="name">img_comm_add</div>
                    <div class="fontclass">#maliicon-img_comm_add</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_comm_calendar"></use>
                    </svg>
                    <div class="name">img_comm_calendar</div>
                    <div class="fontclass">#maliicon-img_comm_calendar</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_comm_cancel"></use>
                    </svg>
                    <div class="name">img_comm_cancel</div>
                    <div class="fontclass">#maliicon-img_comm_cancel</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_comm_down_n"></use>
                    </svg>
                    <div class="name">img_comm_down_n</div>
                    <div class="fontclass">#maliicon-img_comm_down_n</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_comm_down_s"></use>
                    </svg>
                    <div class="name">img_comm_down_s</div>
                    <div class="fontclass">#maliicon-img_comm_down_s</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_comm_hint"></use>
                    </svg>
                    <div class="name">img_comm_hint</div>
                    <div class="fontclass">#maliicon-img_comm_hint</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_comm_magnify"></use>
                    </svg>
                    <div class="name">img_comm_magnify</div>
                    <div class="fontclass">#maliicon-img_comm_magnify</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_comm_seek"></use>
                    </svg>
                    <div class="name">img_comm_seek</div>
                    <div class="fontclass">#maliicon-img_comm_seek</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_comm_shrink"></use>
                    </svg>
                    <div class="name">img_comm_shrink</div>
                    <div class="fontclass">#maliicon-img_comm_shrink</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_pagination_n"></use>
                    </svg>
                    <div class="name">img_pagination_n</div>
                    <div class="fontclass">#maliicon-img_pagination_n</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_pagination_s"></use>
                    </svg>
                    <div class="name">img_pagination_s</div>
                    <div class="fontclass">#maliicon-img_pagination_s</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_remark_compile"></use>
                    </svg>
                    <div class="name">img_remark_compile</div>
                    <div class="fontclass">#maliicon-img_remark_compile</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-management"></use>
                    </svg>
                    <div class="name">management </div>
                    <div class="fontclass">#maliicon-management</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-message"></use>
                    </svg>
                    <div class="name">message</div>
                    <div class="fontclass">#maliicon-message</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-monitoring"></use>
                    </svg>
                    <div class="name">monitoring</div>
                    <div class="fontclass">#maliicon-monitoring</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-offerer"></use>
                    </svg>
                    <div class="name">offerer</div>
                    <div class="fontclass">#maliicon-offerer</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-order"></use>
                    </svg>
                    <div class="name">order</div>
                    <div class="fontclass">#maliicon-order</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-order_inquiry"></use>
                    </svg>
                    <div class="name">order_inquiry</div>
                    <div class="fontclass">#maliicon-order_inquiry</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-pull-down"></use>
                    </svg>
                    <div class="name">pull-down</div>
                    <div class="fontclass">#maliicon-pull-down</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-push-up"></use>
                    </svg>
                    <div class="name">push-up</div>
                    <div class="fontclass">#maliicon-push-up</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-refrigeration"></use>
                    </svg>
                    <div class="name">refrigeration</div>
                    <div class="fontclass">#maliicon-refrigeration</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-remind"></use>
                    </svg>
                    <div class="name">remind</div>
                    <div class="fontclass">#maliicon-remind</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-statistical"></use>
                    </svg>
                    <div class="name">statistical</div>
                    <div class="fontclass">#maliicon-statistical</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-vehicle"></use>
                    </svg>
                    <div class="name">vehicle</div>
                    <div class="fontclass">#maliicon-vehicle</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-cancel"></use>
                    </svg>
                    <div class="name">cancel </div>
                    <div class="fontclass">#maliicon-cancel</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-daicaiwushenhe"></use>
                    </svg>
                    <div class="name">待财务审核</div>
                    <div class="fontclass">#maliicon-daicaiwushenhe</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-account"></use>
                    </svg>
                    <div class="name">account</div>
                    <div class="fontclass">#maliicon-account</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-authentication"></use>
                    </svg>
                    <div class="name">authentication</div>
                    <div class="fontclass">#maliicon-authentication</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-check"></use>
                    </svg>
                    <div class="name">check</div>
                    <div class="fontclass">#maliicon-check</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-control"></use>
                    </svg>
                    <div class="name">control</div>
                    <div class="fontclass">#maliicon-control</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-delete"></use>
                    </svg>
                    <div class="name">delete</div>
                    <div class="fontclass">#maliicon-delete</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-financial"></use>
                    </svg>
                    <div class="name">financial</div>
                    <div class="fontclass">#maliicon-financial</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-freight"></use>
                    </svg>
                    <div class="name">freight</div>
                    <div class="fontclass">#maliicon-freight</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-gathering"></use>
                    </svg>
                    <div class="name">gathering</div>
                    <div class="fontclass">#maliicon-gathering</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-minus"></use>
                    </svg>
                    <div class="name">minus</div>
                    <div class="fontclass">#maliicon-minus</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-monthly"></use>
                    </svg>
                    <div class="name">monthly</div>
                    <div class="fontclass">#maliicon-monthly</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-Payment"></use>
                    </svg>
                    <div class="name">Payment</div>
                    <div class="fontclass">#maliicon-Payment</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-return"></use>
                    </svg>
                    <div class="name">return</div>
                    <div class="fontclass">#maliicon-return</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-return_money"></use>
                    </svg>
                    <div class="name">return_money</div>
                    <div class="fontclass">#maliicon-return_money</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-uploading"></use>
                    </svg>
                    <div class="name">uploading</div>
                    <div class="fontclass">#maliicon-uploading</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-assignOrder"></use>
                    </svg>
                    <div class="name">assignOrder</div>
                    <div class="fontclass">#maliicon-assignOrder</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-flow-count"></use>
                    </svg>
                    <div class="name">flow-count</div>
                    <div class="fontclass">#maliicon-flow-count</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-refresh"></use>
                    </svg>
                    <div class="name">refresh</div>
                    <div class="fontclass">#maliicon-refresh</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-compile"></use>
                    </svg>
                    <div class="name">compile</div>
                    <div class="fontclass">#maliicon-compile</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-APP-wangye"></use>
                    </svg>
                    <div class="name">APP-网页</div>
                    <div class="fontclass">#maliicon-APP-wangye</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-ziliaoshenhe"></use>
                    </svg>
                    <div class="name">资料审核</div>
                    <div class="fontclass">#maliicon-ziliaoshenhe</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-yucangweihu"></use>
                    </svg>
                    <div class="name">yucangweihu</div>
                    <div class="fontclass">#maliicon-yucangweihu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-yuncangguanli"></use>
                    </svg>
                    <div class="name">yuncangguanli</div>
                    <div class="fontclass">#maliicon-yuncangguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-yuyuankancang"></use>
                    </svg>
                    <div class="name">yuyuankancang</div>
                    <div class="fontclass">#maliicon-yuyuankancang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-financing"></use>
                    </svg>
                    <div class="name">financing</div>
                    <div class="fontclass">#maliicon-financing</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-shipper"></use>
                    </svg>
                    <div class="name">shipper</div>
                    <div class="fontclass">#maliicon-shipper</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-storehouse"></use>
                    </svg>
                    <div class="name">storehouse</div>
                    <div class="fontclass">#maliicon-storehouse</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-catalogue_icon"></use>
                    </svg>
                    <div class="name">catalogue_icon</div>
                    <div class="fontclass">#maliicon-catalogue_icon</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-required"></use>
                    </svg>
                    <div class="name">required</div>
                    <div class="fontclass">#maliicon-required</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-unfold"></use>
                    </svg>
                    <div class="name">unfold</div>
                    <div class="fontclass">#maliicon-unfold</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-upload1"></use>
                    </svg>
                    <div class="name">upload</div>
                    <div class="fontclass">#maliicon-upload1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-Excel"></use>
                    </svg>
                    <div class="name">Excel</div>
                    <div class="fontclass">#maliicon-Excel</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-compile1"></use>
                    </svg>
                    <div class="name">compile</div>
                    <div class="fontclass">#maliicon-compile1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-replace"></use>
                    </svg>
                    <div class="name">replace</div>
                    <div class="fontclass">#maliicon-replace</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-Administrator1"></use>
                    </svg>
                    <div class="name">Administrator</div>
                    <div class="fontclass">#maliicon-Administrator1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-fangda"></use>
                    </svg>
                    <div class="name">放大</div>
                    <div class="fontclass">#maliicon-fangda</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-suoxiao"></use>
                    </svg>
                    <div class="name">缩小</div>
                    <div class="fontclass">#maliicon-suoxiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-hetongguanli"></use>
                    </svg>
                    <div class="name">合同管理</div>
                    <div class="fontclass">#maliicon-hetongguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-category"></use>
                    </svg>
                    <div class="name">category</div>
                    <div class="fontclass">#maliicon-category</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-saveGuard"></use>
                    </svg>
                    <div class="name">saveGuard</div>
                    <div class="fontclass">#maliicon-saveGuard</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-Evidence_photos"></use>
                    </svg>
                    <div class="name">Evidence_photos</div>
                    <div class="fontclass">#maliicon-Evidence_photos</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_control_down"></use>
                    </svg>
                    <div class="name">img_control_down</div>
                    <div class="fontclass">#maliicon-img_control_down</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_control_slide_n"></use>
                    </svg>
                    <div class="name">img_control_slide_n.</div>
                    <div class="fontclass">#maliicon-img_control_slide_n</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_control_slide_s"></use>
                    </svg>
                    <div class="name">img_control_slide_s</div>
                    <div class="fontclass">#maliicon-img_control_slide_s</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_control_up"></use>
                    </svg>
                    <div class="name">img_control_up</div>
                    <div class="fontclass">#maliicon-img_control_up</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_details_allocati"></use>
                    </svg>
                    <div class="name">img_details_allocati</div>
                    <div class="fontclass">#maliicon-img_details_allocati</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_details_apply"></use>
                    </svg>
                    <div class="name">img_details_apply</div>
                    <div class="fontclass">#maliicon-img_details_apply</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_details_calendar"></use>
                    </svg>
                    <div class="name">img_details_calendar</div>
                    <div class="fontclass">#maliicon-img_details_calendar</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_details_cargo"></use>
                    </svg>
                    <div class="name">img_details_cargo</div>
                    <div class="fontclass">#maliicon-img_details_cargo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_details_close"></use>
                    </svg>
                    <div class="name">img_details_close</div>
                    <div class="fontclass">#maliicon-img_details_close</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_details_correct"></use>
                    </svg>
                    <div class="name">img_details_correct</div>
                    <div class="fontclass">#maliicon-img_details_correct</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_details_empty"></use>
                    </svg>
                    <div class="name">img_details_empty</div>
                    <div class="fontclass">#maliicon-img_details_empty</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_details_examine"></use>
                    </svg>
                    <div class="name">img_details_examine</div>
                    <div class="fontclass">#maliicon-img_details_examine</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_details_figure"></use>
                    </svg>
                    <div class="name">img_details_figure</div>
                    <div class="fontclass">#maliicon-img_details_figure</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_details_orderpn"></use>
                    </svg>
                    <div class="name">img_details_order.pn</div>
                    <div class="fontclass">#maliicon-img_details_orderpn</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_details_redact"></use>
                    </svg>
                    <div class="name">img_details_redact</div>
                    <div class="fontclass">#maliicon-img_details_redact</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_details_relation"></use>
                    </svg>
                    <div class="name">img_details_relation</div>
                    <div class="fontclass">#maliicon-img_details_relation</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_details_remove"></use>
                    </svg>
                    <div class="name">img_details_remove</div>
                    <div class="fontclass">#maliicon-img_details_remove</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_details_replace"></use>
                    </svg>
                    <div class="name">img_details_replace.</div>
                    <div class="fontclass">#maliicon-img_details_replace</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_details_report"></use>
                    </svg>
                    <div class="name">img_details_report</div>
                    <div class="fontclass">#maliicon-img_details_report</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_details_right"></use>
                    </svg>
                    <div class="name">img_details_right</div>
                    <div class="fontclass">#maliicon-img_details_right</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_details_rolepng"></use>
                    </svg>
                    <div class="name">img_details_role.png</div>
                    <div class="fontclass">#maliicon-img_details_rolepng</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_details_statusp"></use>
                    </svg>
                    <div class="name">img_details_status.p</div>
                    <div class="fontclass">#maliicon-img_details_statusp</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_function_refresh"></use>
                    </svg>
                    <div class="name">img_function_refresh</div>
                    <div class="fontclass">#maliicon-img_function_refresh</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_function_seek"></use>
                    </svg>
                    <div class="name">img_function_seek</div>
                    <div class="fontclass">#maliicon-img_function_seek</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_navigation_entre"></use>
                    </svg>
                    <div class="name">img_navigation_entre</div>
                    <div class="fontclass">#maliicon-img_navigation_entre</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_navigation_platf1"></use>
                    </svg>
                    <div class="name">img_navigation_platf</div>
                    <div class="fontclass">#maliicon-img_navigation_platf1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_navigation_point"></use>
                    </svg>
                    <div class="name">img_navigation_point</div>
                    <div class="fontclass">#maliicon-img_navigation_point</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_select_down_s"></use>
                    </svg>
                    <div class="name">img_select_down_s</div>
                    <div class="fontclass">#maliicon-img_select_down_s</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_select_down_x"></use>
                    </svg>
                    <div class="name">img_select_down_x</div>
                    <div class="fontclass">#maliicon-img_select_down_x</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_select_down_y"></use>
                    </svg>
                    <div class="name">img_select_down_y</div>
                    <div class="fontclass">#maliicon-img_select_down_y</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_select_down_z"></use>
                    </svg>
                    <div class="name">img_select_down_z</div>
                    <div class="fontclass">#maliicon-img_select_down_z</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_top_amendpng"></use>
                    </svg>
                    <div class="name">img_top_amend.png</div>
                    <div class="fontclass">#maliicon-img_top_amendpng</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_top_boy1"></use>
                    </svg>
                    <div class="name">img_top_boy</div>
                    <div class="fontclass">#maliicon-img_top_boy1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_details_required"></use>
                    </svg>
                    <div class="name">img_details_required</div>
                    <div class="fontclass">#maliicon-img_details_required</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_details_report1"></use>
                    </svg>
                    <div class="name">img_details_report</div>
                    <div class="fontclass">#maliicon-img_details_report1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_approved"></use>
                    </svg>
                    <div class="name">img_approved</div>
                    <div class="fontclass">#maliicon-img_approved</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_return"></use>
                    </svg>
                    <div class="name">img_return</div>
                    <div class="fontclass">#maliicon-img_return</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_detailse_status"></use>
                    </svg>
                    <div class="name">img_detailse_status</div>
                    <div class="fontclass">#maliicon-img_detailse_status</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_detailse_pledgee"></use>
                    </svg>
                    <div class="name">img_detailse_pledgee</div>
                    <div class="fontclass">#maliicon-img_detailse_pledgee</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_detailse_deadlin"></use>
                    </svg>
                    <div class="name">img_detailse_deadlin</div>
                    <div class="fontclass">#maliicon-img_detailse_deadlin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_details_value"></use>
                    </svg>
                    <div class="name">img_details_value</div>
                    <div class="fontclass">#maliicon-img_details_value</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_detailse_instruc"></use>
                    </svg>
                    <div class="name">img_detailse_instruc</div>
                    <div class="fontclass">#maliicon-img_detailse_instruc</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_detailse_Verific"></use>
                    </svg>
                    <div class="name">img_detailse_Verific</div>
                    <div class="fontclass">#maliicon-img_detailse_Verific</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_details_rolepng1"></use>
                    </svg>
                    <div class="name">img_details_role.png</div>
                    <div class="fontclass">#maliicon-img_details_rolepng1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_detailse_handlin"></use>
                    </svg>
                    <div class="name">img_detailse_handlin</div>
                    <div class="fontclass">#maliicon-img_detailse_handlin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_detailse_separat"></use>
                    </svg>
                    <div class="name">img_detailse_separat</div>
                    <div class="fontclass">#maliicon-img_detailse_separat</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_detailse_serve"></use>
                    </svg>
                    <div class="name">img_detailse_serve</div>
                    <div class="fontclass">#maliicon-img_detailse_serve</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_detailse_summati"></use>
                    </svg>
                    <div class="name">img_detailse_summati</div>
                    <div class="fontclass">#maliicon-img_detailse_summati</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_details_license"></use>
                    </svg>
                    <div class="name">img_details_license</div>
                    <div class="fontclass">#maliicon-img_details_license</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_detailse_identit"></use>
                    </svg>
                    <div class="name">img_detailse_identit</div>
                    <div class="fontclass">#maliicon-img_detailse_identit</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_detailse_else"></use>
                    </svg>
                    <div class="name">img_detailse_else</div>
                    <div class="fontclass">#maliicon-img_detailse_else</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_detailse_facilit"></use>
                    </svg>
                    <div class="name">img_detailse_facilit</div>
                    <div class="fontclass">#maliicon-img_detailse_facilit</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_detailse_goods"></use>
                    </svg>
                    <div class="name">img_detailse_goods</div>
                    <div class="fontclass">#maliicon-img_detailse_goods</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_details_custodia"></use>
                    </svg>
                    <div class="name">img_details_custodia</div>
                    <div class="fontclass">#maliicon-img_details_custodia</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_details_registra"></use>
                    </svg>
                    <div class="name">img_details_registra</div>
                    <div class="fontclass">#maliicon-img_details_registra</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-shenfenzheng"></use>
                    </svg>
                    <div class="name">身份证</div>
                    <div class="fontclass">#maliicon-shenfenzheng</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_navigation_finan1"></use>
                    </svg>
                    <div class="name">img_navigation_finan</div>
                    <div class="fontclass">#maliicon-img_navigation_finan1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_function_export"></use>
                    </svg>
                    <div class="name">img_function_export</div>
                    <div class="fontclass">#maliicon-img_function_export</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_top_remind"></use>
                    </svg>
                    <div class="name">img_top_remind</div>
                    <div class="fontclass">#maliicon-img_top_remind</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_top_pending"></use>
                    </svg>
                    <div class="name">img_top_pending</div>
                    <div class="fontclass">#maliicon-img_top_pending</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_navigation_platf2"></use>
                    </svg>
                    <div class="name">img_navigation_platf</div>
                    <div class="fontclass">#maliicon-img_navigation_platf2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_navigation_block"></use>
                    </svg>
                    <div class="name">img_navigation_block</div>
                    <div class="fontclass">#maliicon-img_navigation_block</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_navigation_contr1"></use>
                    </svg>
                    <div class="name">img_navigation_contr</div>
                    <div class="fontclass">#maliicon-img_navigation_contr1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_navigation_monit"></use>
                    </svg>
                    <div class="name">img_navigation_monit</div>
                    <div class="fontclass">#maliicon-img_navigation_monit</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_navigation_devel"></use>
                    </svg>
                    <div class="name">img_navigation_devel</div>
                    <div class="fontclass">#maliicon-img_navigation_devel</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_navigation_admin"></use>
                    </svg>
                    <div class="name">img_navigation_admin</div>
                    <div class="fontclass">#maliicon-img_navigation_admin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_detailse_expense"></use>
                    </svg>
                    <div class="name">img_detailse_expense</div>
                    <div class="fontclass">#maliicon-img_detailse_expense</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_detailse_removal"></use>
                    </svg>
                    <div class="name">img_detailse_removal</div>
                    <div class="fontclass">#maliicon-img_detailse_removal</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_detailse_warehou"></use>
                    </svg>
                    <div class="name">img_detailse_warehou</div>
                    <div class="fontclass">#maliicon-img_detailse_warehou</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_detailse_pass"></use>
                    </svg>
                    <div class="name">img_detailse_pass</div>
                    <div class="fontclass">#maliicon-img_detailse_pass</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_detailse_not"></use>
                    </svg>
                    <div class="name">img_detailse_not</div>
                    <div class="fontclass">#maliicon-img_detailse_not</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_detailse_authstr"></use>
                    </svg>
                    <div class="name">img_detailse_authstr</div>
                    <div class="fontclass">#maliicon-img_detailse_authstr</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_details_addition"></use>
                    </svg>
                    <div class="name">img_details_addition</div>
                    <div class="fontclass">#maliicon-img_details_addition</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_details_number"></use>
                    </svg>
                    <div class="name">img_details_number</div>
                    <div class="fontclass">#maliicon-img_details_number</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_details_remove-copy"></use>
                    </svg>
                    <div class="name">img_details_remove</div>
                    <div class="fontclass">#maliicon-img_details_remove-copy</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_detailse_funds"></use>
                    </svg>
                    <div class="name">img_detailse_funds</div>
                    <div class="fontclass">#maliicon-img_detailse_funds</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_detailse_manufac"></use>
                    </svg>
                    <div class="name">img_detailse_manufac</div>
                    <div class="fontclass">#maliicon-img_detailse_manufac</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_detailse_units"></use>
                    </svg>
                    <div class="name">img_detailse_units</div>
                    <div class="fontclass">#maliicon-img_detailse_units</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_information"></use>
                    </svg>
                    <div class="name">img_information</div>
                    <div class="fontclass">#maliicon-img_information</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_detailse_police"></use>
                    </svg>
                    <div class="name">img_detailse_police</div>
                    <div class="fontclass">#maliicon-img_detailse_police</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_detailse_facilit1"></use>
                    </svg>
                    <div class="name">img_detailse_facilit</div>
                    <div class="fontclass">#maliicon-img_detailse_facilit1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_detailse_pass1"></use>
                    </svg>
                    <div class="name">img_detailse_pass</div>
                    <div class="fontclass">#maliicon-img_detailse_pass1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_register_passwor"></use>
                    </svg>
                    <div class="name">img_register_passwor</div>
                    <div class="fontclass">#maliicon-img_register_passwor</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_register_user"></use>
                    </svg>
                    <div class="name">img_register_user</div>
                    <div class="fontclass">#maliicon-img_register_user</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_details_preview"></use>
                    </svg>
                    <div class="name">img_details_preview</div>
                    <div class="fontclass">#maliicon-img_details_preview</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_register_verify"></use>
                    </svg>
                    <div class="name">img_register_verify</div>
                    <div class="fontclass">#maliicon-img_register_verify</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_register_complet"></use>
                    </svg>
                    <div class="name">img_register_complet</div>
                    <div class="fontclass">#maliicon-img_register_complet</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_register_cellpho"></use>
                    </svg>
                    <div class="name">img_register_cellpho</div>
                    <div class="fontclass">#maliicon-img_register_cellpho</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_detailse_interes"></use>
                    </svg>
                    <div class="name">img_detailse_interes</div>
                    <div class="fontclass">#maliicon-img_detailse_interes</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_detailse_capital"></use>
                    </svg>
                    <div class="name">img_detailse_capital</div>
                    <div class="fontclass">#maliicon-img_detailse_capital</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_detailse_refund"></use>
                    </svg>
                    <div class="name">img_detailse_refund</div>
                    <div class="fontclass">#maliicon-img_detailse_refund</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_detailse_warehou1"></use>
                    </svg>
                    <div class="name">img_detailse_warehou</div>
                    <div class="fontclass">#maliicon-img_detailse_warehou1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_detailse_type"></use>
                    </svg>
                    <div class="name">img_detailse_type</div>
                    <div class="fontclass">#maliicon-img_detailse_type</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_details_number1"></use>
                    </svg>
                    <div class="name">img_details_number</div>
                    <div class="fontclass">#maliicon-img_details_number1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_details_status"></use>
                    </svg>
                    <div class="name">img_details_status</div>
                    <div class="fontclass">#maliicon-img_details_status</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_register_complet1"></use>
                    </svg>
                    <div class="name">img_register_complet</div>
                    <div class="fontclass">#maliicon-img_register_complet1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_top_pending1"></use>
                    </svg>
                    <div class="name">img_top_pending</div>
                    <div class="fontclass">#maliicon-img_top_pending1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_details_operatio"></use>
                    </svg>
                    <div class="name">img_details_operatio</div>
                    <div class="fontclass">#maliicon-img_details_operatio</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_register_complet2"></use>
                    </svg>
                    <div class="name">img_register_complet</div>
                    <div class="fontclass">#maliicon-img_register_complet2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_detailse_applica"></use>
                    </svg>
                    <div class="name">img_detailse_applica</div>
                    <div class="fontclass">#maliicon-img_detailse_applica</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_detailse_weight"></use>
                    </svg>
                    <div class="name">img_detailse_weight</div>
                    <div class="fontclass">#maliicon-img_detailse_weight</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_detailse_source"></use>
                    </svg>
                    <div class="name">img_detailse_source</div>
                    <div class="fontclass">#maliicon-img_detailse_source</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_details_allocati1"></use>
                    </svg>
                    <div class="name">img_details_allocati</div>
                    <div class="fontclass">#maliicon-img_details_allocati1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_details_pledge"></use>
                    </svg>
                    <div class="name">img_details_pledge</div>
                    <div class="fontclass">#maliicon-img_details_pledge</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_navigation_compa"></use>
                    </svg>
                    <div class="name">img_navigation_compa</div>
                    <div class="fontclass">#maliicon-img_navigation_compa</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_detailse_alarm"></use>
                    </svg>
                    <div class="name">img_detailse_alarm</div>
                    <div class="fontclass">#maliicon-img_detailse_alarm</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_navigation_organ"></use>
                    </svg>
                    <div class="name">img_navigation_organ</div>
                    <div class="fontclass">#maliicon-img_navigation_organ</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_detailse_type1"></use>
                    </svg>
                    <div class="name">img_detailse_type</div>
                    <div class="fontclass">#maliicon-img_detailse_type1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_details_add"></use>
                    </svg>
                    <div class="name">img_details_add</div>
                    <div class="fontclass">#maliicon-img_details_add</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_details_subtract"></use>
                    </svg>
                    <div class="name">img_details_subtract</div>
                    <div class="fontclass">#maliicon-img_details_subtract</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_details_licence"></use>
                    </svg>
                    <div class="name">img_details_licence</div>
                    <div class="fontclass">#maliicon-img_details_licence</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_details_assess"></use>
                    </svg>
                    <div class="name">img_details_assess</div>
                    <div class="fontclass">#maliicon-img_details_assess</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_top_boy"></use>
                    </svg>
                    <div class="name">img_top_boy</div>
                    <div class="fontclass">#maliicon-img_top_boy</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_detailse_deposit"></use>
                    </svg>
                    <div class="name">img_detailse_deposit</div>
                    <div class="fontclass">#maliicon-img_detailse_deposit</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_details_cargo1"></use>
                    </svg>
                    <div class="name">img_details_cargo</div>
                    <div class="fontclass">#maliicon-img_details_cargo1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_details_role"></use>
                    </svg>
                    <div class="name">img_details_role</div>
                    <div class="fontclass">#maliicon-img_details_role</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_detailse_weight1"></use>
                    </svg>
                    <div class="name">img_detailse_weight</div>
                    <div class="fontclass">#maliicon-img_detailse_weight1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_register_complet3"></use>
                    </svg>
                    <div class="name">img_register_complet</div>
                    <div class="fontclass">#maliicon-img_register_complet3</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_top_remind1"></use>
                    </svg>
                    <div class="name">img_top_remind</div>
                    <div class="fontclass">#maliicon-img_top_remind1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_details_plasmid"></use>
                    </svg>
                    <div class="name">img_details_plasmid</div>
                    <div class="fontclass">#maliicon-img_details_plasmid</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_details_repo"></use>
                    </svg>
                    <div class="name">img_details_repo</div>
                    <div class="fontclass">#maliicon-img_details_repo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_details_wait"></use>
                    </svg>
                    <div class="name">img_details_wait</div>
                    <div class="fontclass">#maliicon-img_details_wait</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_details_cycle"></use>
                    </svg>
                    <div class="name">img_details_cycle</div>
                    <div class="fontclass">#maliicon-img_details_cycle</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_details_download"></use>
                    </svg>
                    <div class="name">img_details_download</div>
                    <div class="fontclass">#maliicon-img_details_download</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_details_scanning"></use>
                    </svg>
                    <div class="name">img_details_scanning</div>
                    <div class="fontclass">#maliicon-img_details_scanning</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_details_type"></use>
                    </svg>
                    <div class="name">img_details_type</div>
                    <div class="fontclass">#maliicon-img_details_type</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_details_Update"></use>
                    </svg>
                    <div class="name">img_details_Update</div>
                    <div class="fontclass">#maliicon-img_details_Update</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-direcline"></use>
                    </svg>
                    <div class="name">direcline</div>
                    <div class="fontclass">#maliicon-direcline</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-memberaudite"></use>
                    </svg>
                    <div class="name">memberaudite</div>
                    <div class="fontclass">#maliicon-memberaudite</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-memberaudited"></use>
                    </svg>
                    <div class="name">memberaudited</div>
                    <div class="fontclass">#maliicon-memberaudited</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-breach"></use>
                    </svg>
                    <div class="name">breach</div>
                    <div class="fontclass">#maliicon-breach</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-linesearch"></use>
                    </svg>
                    <div class="name">linesearch</div>
                    <div class="fontclass">#maliicon-linesearch</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-driver"></use>
                    </svg>
                    <div class="name">driver</div>
                    <div class="fontclass">#maliicon-driver</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-invoice"></use>
                    </svg>
                    <div class="name">invoice</div>
                    <div class="fontclass">#maliicon-invoice</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-system"></use>
                    </svg>
                    <div class="name">system</div>
                    <div class="fontclass">#maliicon-system</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_navigation_invoi"></use>
                    </svg>
                    <div class="name">img_navigation_invoi</div>
                    <div class="fontclass">#maliicon-img_navigation_invoi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_navigation_logis"></use>
                    </svg>
                    <div class="name">img_navigation_logis</div>
                    <div class="fontclass">#maliicon-img_navigation_logis</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_navigation_warra"></use>
                    </svg>
                    <div class="name">img_navigation_warra</div>
                    <div class="fontclass">#maliicon-img_navigation_warra</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_details_effectiv"></use>
                    </svg>
                    <div class="name">img_details_effectiv</div>
                    <div class="fontclass">#maliicon-img_details_effectiv</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_details_repurcha"></use>
                    </svg>
                    <div class="name">img_details_repurcha</div>
                    <div class="fontclass">#maliicon-img_details_repurcha</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_navigation_activ"></use>
                    </svg>
                    <div class="name">img_navigation_activ</div>
                    <div class="fontclass">#maliicon-img_navigation_activ</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_navigation_busin"></use>
                    </svg>
                    <div class="name">img_navigation_busin</div>
                    <div class="fontclass">#maliicon-img_navigation_busin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_navigation_cance"></use>
                    </svg>
                    <div class="name">img_navigation_cance</div>
                    <div class="fontclass">#maliicon-img_navigation_cance</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_navigation_carri"></use>
                    </svg>
                    <div class="name">img_navigation_carri</div>
                    <div class="fontclass">#maliicon-img_navigation_carri</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_navigation_custo"></use>
                    </svg>
                    <div class="name">img_navigation_custo</div>
                    <div class="fontclass">#maliicon-img_navigation_custo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_navigation_daily"></use>
                    </svg>
                    <div class="name">img_navigation_daily</div>
                    <div class="fontclass">#maliicon-img_navigation_daily</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_navigation_journ"></use>
                    </svg>
                    <div class="name">img_navigation_journ</div>
                    <div class="fontclass">#maliicon-img_navigation_journ</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_navigation_logis1"></use>
                    </svg>
                    <div class="name">img_navigation_logis</div>
                    <div class="fontclass">#maliicon-img_navigation_logis1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_navigation_monit1"></use>
                    </svg>
                    <div class="name">img_navigation_monit</div>
                    <div class="fontclass">#maliicon-img_navigation_monit1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_navigation_opera"></use>
                    </svg>
                    <div class="name">img_navigation_opera</div>
                    <div class="fontclass">#maliicon-img_navigation_opera</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_navigation_query"></use>
                    </svg>
                    <div class="name">img_navigation_query</div>
                    <div class="fontclass">#maliicon-img_navigation_query</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_navigation_staff"></use>
                    </svg>
                    <div class="name">img_navigation_staff</div>
                    <div class="fontclass">#maliicon-img_navigation_staff</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_navigation_summa"></use>
                    </svg>
                    <div class="name">img_navigation_summa</div>
                    <div class="fontclass">#maliicon-img_navigation_summa</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_navigation_trans"></use>
                    </svg>
                    <div class="name">img_navigation_trans</div>
                    <div class="fontclass">#maliicon-img_navigation_trans</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_details_video"></use>
                    </svg>
                    <div class="name">img_details_video</div>
                    <div class="fontclass">#maliicon-img_details_video</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-maexport"></use>
                    </svg>
                    <div class="name">maexport</div>
                    <div class="fontclass">#maliicon-maexport</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-unit"></use>
                    </svg>
                    <div class="name">unit</div>
                    <div class="fontclass">#maliicon-unit</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-unnormal"></use>
                    </svg>
                    <div class="name">unnormal</div>
                    <div class="fontclass">#maliicon-unnormal</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-lsitgoods"></use>
                    </svg>
                    <div class="name">lsitgoods</div>
                    <div class="fontclass">#maliicon-lsitgoods</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_list_alias"></use>
                    </svg>
                    <div class="name">img_list_alias</div>
                    <div class="fontclass">#maliicon-img_list_alias</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_list_average"></use>
                    </svg>
                    <div class="name">img_list_average</div>
                    <div class="fontclass">#maliicon-img_list_average</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_list_class_n"></use>
                    </svg>
                    <div class="name">img_list_class_n</div>
                    <div class="fontclass">#maliicon-img_list_class_n</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_list_class_s"></use>
                    </svg>
                    <div class="name">img_list_class_s</div>
                    <div class="fontclass">#maliicon-img_list_class_s</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_list_country"></use>
                    </svg>
                    <div class="name">img_list_country</div>
                    <div class="fontclass">#maliicon-img_list_country</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_list_culture"></use>
                    </svg>
                    <div class="name">img_list_culture</div>
                    <div class="fontclass">#maliicon-img_list_culture</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_list_english_n"></use>
                    </svg>
                    <div class="name">img_list_english_n</div>
                    <div class="fontclass">#maliicon-img_list_english_n</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_list_english_s"></use>
                    </svg>
                    <div class="name">img_list_english_s</div>
                    <div class="fontclass">#maliicon-img_list_english_s</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_list_factory"></use>
                    </svg>
                    <div class="name">img_list_factory</div>
                    <div class="fontclass">#maliicon-img_list_factory</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_list_freezing"></use>
                    </svg>
                    <div class="name">img_list_freezing</div>
                    <div class="fontclass">#maliicon-img_list_freezing</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_list_grade"></use>
                    </svg>
                    <div class="name">img_list_grade</div>
                    <div class="fontclass">#maliicon-img_list_grade</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_list_machining"></use>
                    </svg>
                    <div class="name">img_list_machining</div>
                    <div class="fontclass">#maliicon-img_list_machining</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_list_productsvg"></use>
                    </svg>
                    <div class="name">img_list_product.svg</div>
                    <div class="fontclass">#maliicon-img_list_productsvg</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_list_product_n"></use>
                    </svg>
                    <div class="name">img_list_product_n</div>
                    <div class="fontclass">#maliicon-img_list_product_n</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_list_sku"></use>
                    </svg>
                    <div class="name">img_list_sku</div>
                    <div class="fontclass">#maliicon-img_list_sku</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_list_standard"></use>
                    </svg>
                    <div class="name">img_list_standard</div>
                    <div class="fontclass">#maliicon-img_list_standard</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_list_type"></use>
                    </svg>
                    <div class="name">img_list_type</div>
                    <div class="fontclass">#maliicon-img_list_type</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_list_varieties"></use>
                    </svg>
                    <div class="name">img_list_varieties</div>
                    <div class="fontclass">#maliicon-img_list_varieties</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_navigation_devel1"></use>
                    </svg>
                    <div class="name">img_navigation_devel</div>
                    <div class="fontclass">#maliicon-img_navigation_devel1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_register_disposa"></use>
                    </svg>
                    <div class="name">img_register_disposa</div>
                    <div class="fontclass">#maliicon-img_register_disposa</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_register_file"></use>
                    </svg>
                    <div class="name">img_register_file</div>
                    <div class="fontclass">#maliicon-img_register_file</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_register_label"></use>
                    </svg>
                    <div class="name">img_register_label</div>
                    <div class="fontclass">#maliicon-img_register_label</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_register_violati"></use>
                    </svg>
                    <div class="name">img_register_violati</div>
                    <div class="fontclass">#maliicon-img_register_violati</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_subpage_add"></use>
                    </svg>
                    <div class="name">img_subpage_add</div>
                    <div class="fontclass">#maliicon-img_subpage_add</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_windows_cancel"></use>
                    </svg>
                    <div class="name">img_windows_cancel</div>
                    <div class="fontclass">#maliicon-img_windows_cancel</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_subpage_folder"></use>
                    </svg>
                    <div class="name">img_subpage_folder(1</div>
                    <div class="fontclass">#maliicon-img_subpage_folder</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_big_picture"></use>
                    </svg>
                    <div class="name">img_big_picture</div>
                    <div class="fontclass">#maliicon-img_big_picture</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_nav_inventory"></use>
                    </svg>
                    <div class="name">img_nav_inventory</div>
                    <div class="fontclass">#maliicon-img_nav_inventory</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_nav_information"></use>
                    </svg>
                    <div class="name">img_nav_information</div>
                    <div class="fontclass">#maliicon-img_nav_information</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_nav_monitor"></use>
                    </svg>
                    <div class="name">img_nav_monitor</div>
                    <div class="fontclass">#maliicon-img_nav_monitor</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_nav_information1"></use>
                    </svg>
                    <div class="name">img_nav_information</div>
                    <div class="fontclass">#maliicon-img_nav_information1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_register_home"></use>
                    </svg>
                    <div class="name">img_register_home</div>
                    <div class="fontclass">#maliicon-img_register_home</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_nav_trading"></use>
                    </svg>
                    <div class="name">img_nav_trading</div>
                    <div class="fontclass">#maliicon-img_nav_trading</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#maliicon-img_details_sell"></use>
                    </svg>
                    <div class="name">img_details_sell</div>
                    <div class="fontclass">#maliicon-img_details_sell</div>
                </li>
            
        </ul>


        <h2 id="symbol-">symbol引用</h2>
        <hr>

        <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
        这种用法其实是做了一个svg的集合，与另外两种相比具有如下特点：</p>
        <ul>
          <li>支持多色图标了，不再受单色限制。</li>
          <li>通过一些技巧，支持像字体那样，通过<code>font-size</code>,<code>color</code>来调整样式。</li>
          <li>兼容性较差，支持 ie9+,及现代浏览器。</li>
          <li>浏览器渲染svg的性能一般，还不如png。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-symbol-">第一步：引入项目下面生成的symbol代码：</h3>
        <pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;</span></code></pre>
        <h3 id="-css-">第二步：加入通用css代码（引入一次就行）：</h3>
        <pre><code class="lang-js hljs javascript">&lt;style type=<span class="hljs-string">"text/css"</span>&gt;
.icon {
   width: <span class="hljs-number">1</span>em; height: <span class="hljs-number">1</span>em;
   vertical-align: <span class="hljs-number">-0.15</span>em;
   fill: currentColor;
   overflow: hidden;
}
&lt;<span class="hljs-regexp">/style&gt;</span></code></pre>
        <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
        <pre><code class="lang-js hljs javascript">&lt;svg <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"icon"</span> aria-hidden=<span class="hljs-string">"true"</span>&gt;<span class="xml"><span class="hljs-tag">
  &lt;<span class="hljs-name">use</span> <span class="hljs-attr">xlink:href</span>=<span class="hljs-string">"#maliicon-xxx"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">use</span>&gt;</span>
</span>&lt;<span class="hljs-regexp">/svg&gt;
        </span></code></pre>
    </div>
</body>
</html>
